<template>
  <div >
    <div>
      <div class="font15 mt10 pl10">
      <span class="titletext ">{{titledata.title}}</span>
      <div class="graytext  mt10 font13">
        <span >工单编号：</span>
        <span class="titletext">{{titledata.pmInsId}}</span>
      </div>
    </div>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">项目信息</span>
    </div>
    <!-- 基本信息 -->
      <van-field readonly name="businessId" :value="fromdata.businessId" label="省内商机编码：" label-width="7em" />
      <van-field readonly name="businessName" :value="fromdata.businessName" label="商机名称：" label-width="5em" autosize type="textarea" rows="1"/>
      <van-field readonly name="projectCode" :value="fromdata.projectCode" label="项目编码：" label-width="5em" />
      <van-field readonly name="projectName" :value="fromdata.projectName" label="项目名称：" label-width="5em" autosize type="textarea" rows="1"/>
      <van-field readonly name="projectPhase" :value="fromdata.projectPhase" label="项目当前阶段：" label-width="7em" />
      <van-field readonly name="actualDeliveryTime" :value="fromdata.actualDeliveryTime" label="客户终验时间：" label-width="7em" />
      <van-field readonly name="signedDate" :value="fromdata.signedDate" label="收入合同签约时间：" label-width="9em" />
      <van-field readonly name="incomeContractNo" :value="fromdata.incomeContractNo" label="收入合同编码：" label-width="7em" autosize type="textarea" rows="1"/>
      <van-field readonly name="incomeContractName" :value="fromdata.incomeContractName" label="收入合同名称：" label-width="7em" autosize type="textarea" rows="1"/>
      <van-field readonly name="incomeVendorName" :value="fromdata.incomeVendorName" label="客户单位名称：" label-width="7em" autosize type="textarea" rows="1"/>
      <van-field readonly name="contractStartDate" :value="fromdata.contractStartDate" label="合同履行开始日期：" label-width="9em" />
      <van-field readonly name="contractEndDate" :value="fromdata.contractEndDate" label="合同履行结束日期：" label-width="9em" />
      <van-field readonly name="incomeAmount" :value="fromdata.incomeAmount" label="合同最终含税总额（元）：" label-width="12em" />
      <van-field readonly name="outComeContractCode" :value="fromdata.outComeContractCode" label="支出合同编码：" label-width="7em" autosize type="textarea" rows="1"/>
      <van-field readonly name="outComeContractName" :value="fromdata.outComeContractName" label="支出合同名称：" label-width="7em" autosize type="textarea" rows="1"/>
      <van-field readonly name="outComeVendorName" :value="fromdata.outComeVendorName" label="供应商名称：" label-width="6em" autosize type="textarea" rows="1"/>
      <van-field readonly required name="riskType" :value="fromdata.riskType" label="风险类型：" label-width="5em" />
      <van-field readonly name="riskLevel" :value="fromdata.riskLevel" label="风险级别：" label-width="5em" />
      <van-field readonly name="caseNumber" :value="fromdata.caseNumber" label="案例编号：" label-width="5em" autosize type="textarea" rows="1"/>
      <historyAndSuggs id='target' :showHistory='showHistory' :historydata='historydata' :approveList='approveList' />
    </div>
  </div>
</template>
 
<script>
import historyAndSuggs from "@/views/srqr/historyAndSuggs.vue";
import {mapGetters} from "vuex";
import dict_type_value from "@/components/dict_type_value/index.vue";
export default {
  data() {
    return {
    }
  },
  props: ['titledata','businessdata','fromdata','showHistory','historydata','approveList','todotype'],
  computed: {
    ...mapGetters(['user']),
  },
  methods: {
     tomsg () {
      document.getElementById('target').scrollIntoView({ behavior: 'smooth' })
    }
  },
  components: {
    dict_type_value,
    historyAndSuggs
  },
}
</script>
 
<style>
.tables.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
</style>